<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单-聚订单</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>
<style>
    .li-tab span {
        border-right: 0 !important;
    }
</style>

<body>
    <div class="app-wrap" v-cloak id="order_detail_jdd">
        <header-top></header-top>
        <header-search-global type="首页"></header-search-global>
        <common-top-nav></common-top-nav>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav></leftnav>
                <div class="user-content">
                    <ul class="tabs">
                        <li class="li-tab" class="active"><span>订单详情</span></li>
                    </ul>
                    <!-- 收货信息 -->
                    <p class="order-detail-title">收货信息</p>
                    <ul class="order-detail-userinfo">
                        <li>
                            <span class="name">收货人：陈先生</span>
                            <span>联系方式：15495985696</span>
                        </li>
                        <li>
                            收货地址：江宁区 全区 将军大道翠湖花园 78号江宁区
                        </li>
                    </ul>

                    <!-- 商品信息 -->
                    <p class="order-detail-title">商品信息</p>
                    <ul class="order-detail-list mt-20">
                        <li>
                            <div class="item-head">
                                <span class="col-img"></span>
                                <span class="col-name">名称</span>
                                <span class="col-price">价格</span>
                                <span class="col-count">数量</span>
                            </div>
                        </li>
                        <li v-for="item in list">
                            <div class="item-head">
                                <span class="col-img">{{item.createtime}}</span>
                                <span class="col-ordernum">订单号：{{item.ordernum}}</span>
                            </div>
                            <div class="item-body">
                                <div class="col-img">
                                    <img src="" width="80px" height="80px">
                                </div>
                                <div class="col-name">
                                    <span class="name">{{item.name}}</span>
                                </div>
                                <div class="col-price">
                                    <span class="param">{{item.price}}</span>
                                </div>
                                <div class="col-count">x{{item.count}}</div>
                            </div>
                            <div class="item-summary">
                                合计：<span class="red">¥72.00</span>
                            </div>
                        </li>
                    </ul>
                    <div class="order-detail-btn-wrap">
                        <button class="btn">发货</button>
                    </div>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        order_detail_jdd();
    </script>
</body>

</html>